import React, { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import ShowPage from '@/components/suggestion/ShowPage';

export default function Food() {
    const { cityCode } = useSelector((state) => state.uLocation);
    const [cityId, setCityId] = useState('');

    useEffect(() => {
        if (cityCode) {
            setCityId(cityCode);
        }
    }, [cityCode]);

    return (
        <ShowPage
            type="food"
            showName="特色美食"
            cityId={cityId}
            pathUrl="foodPicturePath"
            bgImage={`url(${require('@/assets/images/food/4.jpg')})`}
        />
    );
}
